<script>
  let name = "hello astro unocss demo"
  let demo = () => (name = "ssssssssss")
</script>

<div ps-10 h20 bg-green flex justify-center items-center on:click={demo}>
  {name}
</div>

<div w20 h20 bg-yellow-300 op80 flex items-center justify-center active:bg-red hover:bg-cyan hover:op30 hover:b-b-1>
  demo
</div>
